<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>网康配置</title>
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/font-awesome.min.css" rel="stylesheet">
    <!--你自己的样式文件 -->
    <link href="css/wk_style.css" rel="stylesheet">
    <link rel="stylesheet" href="css/bootstrap-datetimepicker.min.css"/>
    <!-- 以下两个插件用于在IE8以及以下版本浏览器支持HTML5元素和媒体查询，如果不需要用可以移除 -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->
</head>
<body>
<div class="container">
    <!--头部开始-->
    <div id="header">
        <h1><a href="#"></a></h1>
        <span>
            <a href="#"><i class="fa fa-user-plus"></i>TRS</a>
            <a href="#"><i class="fa fa-user"></i>日志管理</a>
            <a href="#"><i class="fa fa-power-off"></i></a>
        </span>
    </div>
    <!--头部结束-->
    <!--主体开始-->
    <div id="content">
        <div class="row01"><img src="images/wk_pic01.jpg" alt=""/></div>
        <div class="row02">
            <table class="dis-in-b float-left" style="width: auto;">
                <tr>
                    <td>时间：</td>
                    <td>
                        <div class="input-group input-append date form_datetime" style="width: 140px;">
                            <input style="background: #fff;" type="text" class="form-control" size="16" value="" readonly>
                            <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                        </div>
                    </td>
                    <td>至</td>
                    <td>
                        <div class="input-group input-append date form_datetime" style="width: 140px;">
                            <input style="background: #fff;" type="text" class="form-control" size="16" value="" readonly>
                            <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                        </div>
                    </td>
                    <td><button type="button" class="btn btn-primary">搜索</button></td>
                </tr>
            </table>
            <span class="dis-in-b float-right" style="margin-top: 5px;">
                <a class="a1" href="#">新建指标</a>
                <a class="a2" href="#">导出数据</a>
                <a class="a3" href="#">刷新</a>
            </span>
        </div>
        <div class="row03 js_trsTab">
            <ul class="tab-ul js_tab">
                <li>切换一</li>
                <li>切换二</li>
                <li>切换三</li>
            </ul>
            <div class="js_con">
                <table class="table table-striped">
                    <thead>
                    <tr>
                        <th><input type="checkbox"/>编号</th>
                        <th>指标名称</th>
                        <th>指标数</th>
                        <th>创建时间</th>
                        <th colspan="3">操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td><input type="checkbox"/>1</td>
                        <td><a href="#">李克强主持挪开国务院常务会议</a></td>
                        <td>4</td>
                        <td>2016-03-02  17:12</td>
                        <td><a href="#"><i class="fa fa-pencil"></i></a></td>
                        <td><a href="#"><i class="fa fa-file-text"></i></a></td>
                        <td><a href="#"><i class="fa fa-trash"></i></a></td>
                    </tr>
                    <tr>
                        <td><input type="checkbox"/>1</td>
                        <td><a href="#">李克强主持挪开国务院常务会议</a></td>
                        <td>4</td>
                        <td>2016-03-02  17:12</td>
                        <td><a href="#"><i class="fa fa-pencil"></i></a></td>
                        <td><a href="#"><i class="fa fa-file-text"></i></a></td>
                        <td><a href="#"><i class="fa fa-trash"></i></a></td>
                    </tr>
                    <tr>
                        <td><input type="checkbox"/>1</td>
                        <td><a href="#">李克强主持挪开国务院常务会议</a></td>
                        <td>4</td>
                        <td>2016-03-02  17:12</td>
                        <td><a href="#"><i class="fa fa-pencil"></i></a></td>
                        <td><a href="#"><i class="fa fa-file-text"></i></a></td>
                        <td><a href="#"><i class="fa fa-trash"></i></a></td>
                    </tr>
                    <tr>
                        <td><input type="checkbox"/>1</td>
                        <td><a href="#">李克强主持挪开国务院常务会议</a></td>
                        <td>4</td>
                        <td>2016-03-02  17:12</td>
                        <td><a href="#"><i class="fa fa-pencil"></i></a></td>
                        <td><a href="#"><i class="fa fa-file-text"></i></a></td>
                        <td><a href="#"><i class="fa fa-trash"></i></a></td>
                    </tr>
                    <tr>
                        <td><input type="checkbox"/>1</td>
                        <td><a href="#">李克强主持挪开国务院常务会议</a></td>
                        <td>4</td>
                        <td>2016-03-02  17:12</td>
                        <td><a href="#"><i class="fa fa-pencil"></i></a></td>
                        <td><a href="#"><i class="fa fa-file-text"></i></a></td>
                        <td><a href="#"><i class="fa fa-trash"></i></a></td>
                    </tr>
                    <tr>
                        <td><input type="checkbox"/>1</td>
                        <td><a href="#">李克强主持挪开国务院常务会议</a></td>
                        <td>4</td>
                        <td>2016-03-02  17:12</td>
                        <td><a href="#"><i class="fa fa-pencil"></i></a></td>
                        <td><a href="#"><i class="fa fa-file-text"></i></a></td>
                        <td><a href="#"><i class="fa fa-trash"></i></a></td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <div class="js_con">
                <table class="table table-striped">
                    <thead>
                    <tr>
                        <th><input type="checkbox"/>编号</th>
                        <th>指标名称</th>
                        <th>指标数</th>
                        <th>创建时间</th>
                        <th colspan="3">操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td><input type="checkbox"/>2</td>
                        <td><a href="#">李克强主持挪开国务院常务会议</a></td>
                        <td>4</td>
                        <td>2016-03-02  17:12</td>
                        <td><a href="#"><i class="fa fa-pencil"></i></a></td>
                        <td><a href="#"><i class="fa fa-file-text"></i></a></td>
                        <td><a href="#"><i class="fa fa-trash"></i></a></td>
                    </tr>
                    <tr>
                        <td><input type="checkbox"/>1</td>
                        <td><a href="#">李克强主持挪开国务院常务会议</a></td>
                        <td>4</td>
                        <td>2016-03-02  17:12</td>
                        <td><a href="#"><i class="fa fa-pencil"></i></a></td>
                        <td><a href="#"><i class="fa fa-file-text"></i></a></td>
                        <td><a href="#"><i class="fa fa-trash"></i></a></td>
                    </tr>
                    <tr>
                        <td><input type="checkbox"/>1</td>
                        <td><a href="#">李克强主持挪开国务院常务会议</a></td>
                        <td>4</td>
                        <td>2016-03-02  17:12</td>
                        <td><a href="#"><i class="fa fa-pencil"></i></a></td>
                        <td><a href="#"><i class="fa fa-file-text"></i></a></td>
                        <td><a href="#"><i class="fa fa-trash"></i></a></td>
                    </tr>
                    <tr>
                        <td><input type="checkbox"/>1</td>
                        <td><a href="#">李克强主持挪开国务院常务会议</a></td>
                        <td>4</td>
                        <td>2016-03-02  17:12</td>
                        <td><a href="#"><i class="fa fa-pencil"></i></a></td>
                        <td><a href="#"><i class="fa fa-file-text"></i></a></td>
                        <td><a href="#"><i class="fa fa-trash"></i></a></td>
                    </tr>
                    <tr>
                        <td><input type="checkbox"/>1</td>
                        <td><a href="#">李克强主持挪开国务院常务会议</a></td>
                        <td>4</td>
                        <td>2016-03-02  17:12</td>
                        <td><a href="#"><i class="fa fa-pencil"></i></a></td>
                        <td><a href="#"><i class="fa fa-file-text"></i></a></td>
                        <td><a href="#"><i class="fa fa-trash"></i></a></td>
                    </tr>
                    <tr>
                        <td><input type="checkbox"/>1</td>
                        <td><a href="#">李克强主持挪开国务院常务会议</a></td>
                        <td>4</td>
                        <td>2016-03-02  17:12</td>
                        <td><a href="#"><i class="fa fa-pencil"></i></a></td>
                        <td><a href="#"><i class="fa fa-file-text"></i></a></td>
                        <td><a href="#"><i class="fa fa-trash"></i></a></td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <div class="js_con">
                <table class="table table-striped">
                    <thead>
                    <tr>
                        <th><input type="checkbox"/>编号</th>
                        <th>指标名称</th>
                        <th>指标数</th>
                        <th>创建时间</th>
                        <th colspan="3">操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td><input type="checkbox"/>3</td>
                        <td><a href="#">李克强主持挪开国务院常务会议</a></td>
                        <td>4</td>
                        <td>2016-03-02  17:12</td>
                        <td><a href="#"><i class="fa fa-pencil"></i></a></td>
                        <td><a href="#"><i class="fa fa-file-text"></i></a></td>
                        <td><a href="#"><i class="fa fa-trash"></i></a></td>
                    </tr>
                    <tr>
                        <td><input type="checkbox"/>1</td>
                        <td><a href="#">李克强主持挪开国务院常务会议</a></td>
                        <td>4</td>
                        <td>2016-03-02  17:12</td>
                        <td><a href="#"><i class="fa fa-pencil"></i></a></td>
                        <td><a href="#"><i class="fa fa-file-text"></i></a></td>
                        <td><a href="#"><i class="fa fa-trash"></i></a></td>
                    </tr>
                    <tr>
                        <td><input type="checkbox"/>1</td>
                        <td><a href="#">李克强主持挪开国务院常务会议</a></td>
                        <td>4</td>
                        <td>2016-03-02  17:12</td>
                        <td><a href="#"><i class="fa fa-pencil"></i></a></td>
                        <td><a href="#"><i class="fa fa-file-text"></i></a></td>
                        <td><a href="#"><i class="fa fa-trash"></i></a></td>
                    </tr>
                    <tr>
                        <td><input type="checkbox"/>1</td>
                        <td><a href="#">李克强主持挪开国务院常务会议</a></td>
                        <td>4</td>
                        <td>2016-03-02  17:12</td>
                        <td><a href="#"><i class="fa fa-pencil"></i></a></td>
                        <td><a href="#"><i class="fa fa-file-text"></i></a></td>
                        <td><a href="#"><i class="fa fa-trash"></i></a></td>
                    </tr>
                    <tr>
                        <td><input type="checkbox"/>1</td>
                        <td><a href="#">李克强主持挪开国务院常务会议</a></td>
                        <td>4</td>
                        <td>2016-03-02  17:12</td>
                        <td><a href="#"><i class="fa fa-pencil"></i></a></td>
                        <td><a href="#"><i class="fa fa-file-text"></i></a></td>
                        <td><a href="#"><i class="fa fa-trash"></i></a></td>
                    </tr>
                    <tr>
                        <td><input type="checkbox"/>1</td>
                        <td><a href="#">李克强主持挪开国务院常务会议</a></td>
                        <td>4</td>
                        <td>2016-03-02  17:12</td>
                        <td><a href="#"><i class="fa fa-pencil"></i></a></td>
                        <td><a href="#"><i class="fa fa-file-text"></i></a></td>
                        <td><a href="#"><i class="fa fa-trash"></i></a></td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <!--主体结束-->
    <!--底部开始-->
    <div id="footer">
        北京拓尔思信息技术股份有限公司版权所有
    </div>
    <!--底部结束-->
</div>
<!-- 如果要使用Bootstrap的js插件，必须先调入jQuery -->
<script src="js/jquery-1.11.2.min.js"></script>
<!-- 包括所有bootstrap的js插件或者可以根据需要使用的js插件调用　-->
<script src="js/bootstrap.min.js"></script>
<script src="js/common_js.js"></script>
<script type="text/javascript">
    $(".form_datetime").datetimepicker({
        format: "dd MM yyyy - hh:ii"
    });
</script>
</body>
</html>